import React, { useMemo } from "react";
import InputAtom from "../../Atoms/Input.Atom";
import { InputAtomEnum } from "../../Atoms/Input.Atom/enum";
import HeadTableMolecule from "../../Molecules/HeadTable.molecule";

interface AdminHeadListProductsProps {
  headItems?: any;
}

const AdminHeadListProducts: React.FC<AdminHeadListProductsProps> = (props) => {
  const { headItems } = props;

  return (
    <div className="thead2 py-2 border-b-[1px] border-tiffany">
      <table className="w-full table-fixed">
        <tbody>
          <tr>
            <td className="w-[30px]"></td>
            <td className="w-[40px]">
              <InputAtom
                className="align-middle"
                type={InputAtomEnum.CHECKBOX}
              />
            </td>
            <HeadTableMolecule headItems={headItems} />
          </tr>
        </tbody>
      </table>
    </div>
  );
};
export default AdminHeadListProducts;
